<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>TalkingTom</title>
    <script src="js/app.js"></script>
</head>
<link rel="stylesheet" type="text/css" href="css/style.css"/>

<body>  
    <div id="Tomcat">
        <img id='cat' src="Animations/angry/angry_00.jpg" data-num="25" />
        <img id='cymbal' src="Buttons/cymbal/cymbal.png" data-num="12" data-music="1.mp3"/>
        <img id='drink' src="Buttons/drink/drink.png" data-num="80"/>
        <img id='eat' src="Buttons/eat/eat.png" data-num="39"/>
        <img id='fart' src="Buttons/fart/fart.png" data-num="27" />
        <img id='pie' src="Buttons/pie/pie.png"data-num="23"/>
        <img id='scratch' src="Buttons/scratch/scratch.png" data-num="55"/>
        <video id="music" src="" autoplay></video>
    </div>
	
</body>
</html>